<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="static/js/echarts.min.js"></script>
    <link rel="stylesheet" type="text/css" href="static/css/index.css">
    <title>Title</title>
</head>
<body>
<div>
<a href="index.html">首页</a>
<a href="xianqugdp.html">晋中县区GDP</a>
    <a href="wangzhi">网址导航</a>
    <a href="macro">国民经济帐户</a>
<a href="upload.html">上传文件</a>
<a href="login">login</a>
    <a href="/echarts04yibu.html">echarts</a>
    <a href="/echarts02yibu.html">echarts1</a>
    <a href="/echarts03yibu.html">echarts3</a>
    <a href="/jsstudy.html">json行列数据</a>
    <a href="/jsstudyhlhh.html">行列互换</a>
    <a href="/table01.html">table01</a>
    <a href="/bootstrap4.html">bootstrap4</a>
    <a href="/bootstrap5.html">bootstrap5</a>
    <a href="/test01.html">test01</a>
    <a href="#">{{ email }}</a>
</div>

<div class="div">
<div class="div0" id="main0" style="width:340px;height:400px"></div>
<div class="div1" id="main1" style="width:600px;height:400px"></div>
<div class="div2" id="main2" style="width:340px;height:400px"></div>
</div>

 <script type="text/javascript">
var chartDom = document.getElementById('main0');
var myChart = echarts.init(chartDom);
var option;

option = {
  xAxis: {
    type: 'category',
    data:{{ cate|safe }}
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: {{ num }},
      type: 'bar'
    }
  ]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}
</script>



 <script type="text/javascript">
var chartDom = document.getElementById('main1');
var myChart = echarts.init(chartDom);
var option;

option = {
  xAxis: {
    type: 'category',
    data:{{ cate|safe }}
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: {{ num }},
      type: 'line',
      smooth: true
    }
  ]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}
</script>

<script type="text/javascript">
var chartDom = document.getElementById('main2');
var myChart = echarts.init(chartDom);
var option;

option = {
  xAxis: {
    type: 'category',
    data:{{ cate|safe }}
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: {{ num }},
      type: 'bar'
    }
  ]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}
</script>
</body>
</html>